Skip to main content link. Accesskey S
  • Help
  • HCL Logo
  • HCL Notes and Domino Application Development wiki
  • THIS WIKI IS READ-ONLY. Individual names altered for privacy purposes.
  • HCL Forums and Blogs
  • Home
  • Product Documentation
  • Community Articles
  • Learning Center
  • API Documentation
Search
Community Articles > 日本語 - Japanese > XPages Extension Library Mobile Controls - 「Tab Bar Button」
  • Share Show Menu▼
  • Subscribe Show Menu▼

Recent articles by this author

Community articleXPages Extension Library Mobile Controls - 「Tab Bar Button」
Added by ~Rebecca Fezresaster | Edited by ~Rebecca Fezresaster on October 9, 2012 | Version 2
expanded Abstract
collapsed Abstract
この記事では、XPages Extension Library Mobile Controls から Tab Bar Button コントロールを解説します。
Tags: Extension Library, Extension Library controls, XPages Extension Library Japan Project
ShowTable of Contents
HideTable of Contents
  • 1 Tab Bar Button コントロールの概説
  • 2 生成されるタグ
  • 3 Tab Bar Button のプロパティ

Tab Bar Button コントロールの概説

Tab Bar コントロール内に配置するボタンで、通常の XPages のボタンコントロール(xp:button)とは異なり、モバイルアプリケーションに特化したスタイルを提供します。このコントロールは必ず Tab Bar コントロール内に配置しなければなりません。

生成されるタグ

このコントロールのタグは xe:tabBarButton です。

	<xe:tabBar id="tabBar1" inHeading="true"

	                barType="segmentedControl">

	                <xe:tabBarButton id="tabBarButton1"

	                    icon1="/save_unselected.gif" icon2="/save_selected.gif">

	                </xe:tabBarButton>

	                <xe:tabBarButton id="tabBarButton2"></xe:tabBarButton>

	                <xe:tabBarButton id="tabBarButton3"></xe:tabBarButton>

	            </xe:tabBar>

	

Tab Bar Button のプロパティ

カテゴリ プロパティ 説明
基本 icon1 このボタンが選択されていない時のアイコンイメージ
  icon2 このボタンが選択されている時のアイコンイメージ
  iconsPos1

上記の icon1 のイメージを表示する場所

デフォルトあるいは、次の 3 つを指定可

0,0,29,29

0,29,29,29

0,58,29,29

  iconsPos2

上記の icon2 のイメージを表示する場所

デフォルトあるいは、次の 3 つを指定可

0,0,29,29

0,29,29,29

0,58,29,29

  label

ボタンに表示するテキスト

  selected

ボタンが選択されているかいないかを true、false で判別させる

  selectOne デフォルトでは true で、ひとつのアイテムしか選択できない。false に変更すると複数のアイテムを選択できる
  transition 次のページ遷移におけるトランジションのエフェクト。デフォルトはslide。その他のオプションとして fade, flip, none を指定可

 

expanded Attachments (0)
collapsed Attachments (0)
expanded Versions (3)
collapsed Versions (3)
Version Comparison     
VersionDateChanged by              Summary of changes
3Oct 9, 2012, 6:11:20 AM~Judy Desluader  
This version (2)Oct 9, 2012, 6:10:36 AM~Rebecca Fezresaster  
1Oct 9, 2012, 6:09:54 AM~Rebecca Fezresaster  
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedAbout
  • HCL Software
  • HCL Digital Solutions community
  • HCL Software support
  • BlogsDigital Solutions blog
  • Community LinkHCL Software forums and blogs
  • About HCL
  • Privacy
  • Accessibility